<template>
  <div>
    <div class="footer">
      <div class="xiao-footer" @click="shop">
        <svg class="img" data-v-617269a8="" viewBox="0 0 40 40" id="msite">
          <g
            data-v-617269a8=""
            fill="none"
            fill-rule="evenodd"
            stroke="#666"
            stroke-width="2"
          >
            <path
              data-v-617269a8=""
              d="M31.426 23.095l2.678 5.742 2.943-1.372a3.173 3.173 0 0 0 1.537-4.212l-1.339-2.871-5.819 2.713z"
            ></path>
            <path
              data-v-617269a8=""
              d="M29.074 31.161c-1.224-.49-2.404-.32-3.49.185-6.383 2.977-13.938.286-16.875-6.01-2.936-6.297-.14-13.815 6.243-16.792 5.211-2.43 11.203-1.083 14.825 2.919l-12.263 5.718c-1.596.745-2.295 2.624-1.561 4.198.734 1.574 2.625 2.246 4.22 1.503l8.422-3.928 9.953-4.641a18.78 18.78 0 0 0-.941-2.453C33.202 2.416 21.869-1.62 12.294 2.844 2.718 7.309-1.474 18.586 2.93 28.03c4.404 9.445 15.737 13.482 25.313 9.017 1.069-.499 2.067-.879 3.438-1.744 0 0-1.382-3.651-2.607-4.142z"
            ></path>
          </g>
        </svg>
        外卖
      </div>
      <div class="xiao-footer" @click="search">
        <svg
          class="img te"
          data-v-617269a8=""
          xmlns:xlink="http://www.w3.org/1999/xlink"
          viewBox="0 0 40 40"
          id="find"
        >
          <g data-v-617269a8="" fill="none" fill-rule="evenodd">
            <use
              data-v-617269a8=""
              stroke="#666"
              stroke-width="4"
              mask="url(#discover-regular.8ef537f_b)"
              xlink:href="#discover-regular.8ef537f_a"
            ></use>
            <path
              data-v-617269a8=""
              stroke="#666"
              stroke-width="2"
              d="M12.79 28.126c-1.515.68-2.169.016-1.462-1.484l3.905-8.284c.47-.999 1.665-2.198 2.66-2.675l8.484-4.064c1.497-.717 2.153-.08 1.46 1.435l-3.953 8.64c-.46 1.006-1.647 2.186-2.655 2.64l-8.44 3.792z"
            ></path>
            <path
              data-v-617269a8=""
              fill="#666"
              d="M15.693 24.636c-.692.276-1.02-.06-.747-.746l2.21-4.946c.225-.505.721-.602 1.122-.202l2.563 2.563c.394.394.31.893-.203 1.122l-4.945 2.209z"
            ></path>
          </g>
        </svg>
        搜索
      </div>
      <div class="xiao-footer">
        <svg
          class="img te1"
          data-v-617269a8=""
          xmlns:xlink="http://www.w3.org/1999/xlink"
          viewBox="0 0 38 38"
          id="order"
        >
          <g data-v-617269a8="" fill="none" fill-rule="evenodd">
            <use
              data-v-617269a8=""
              stroke="#666"
              stroke-width="4"
              mask="url(#order-regular.41c17f8_b)"
              xlink:href="#order-regular.41c17f8_a"
            ></use>
            <rect
              data-v-617269a8=""
              width="24"
              height="2"
              x="7"
              y="8"
              fill="#666"
              rx="1"
            ></rect>
            <rect
              data-v-617269a8=""
              width="20"
              height="2"
              x="7"
              y="17"
              fill="#666"
              rx="1"
            ></rect>
            <rect
              data-v-617269a8=""
              width="8"
              height="2"
              x="7"
              y="26"
              fill="#666"
              rx="1"
            ></rect>
          </g>
        </svg>
        订单
      </div>
      <div class="xiao-footer" @click="myde">
        <svg class="img" data-v-617269a8="" viewBox="0 0 40 40" id="msite">
          <g
            data-v-617269a8=""
            fill="none"
            fill-rule="evenodd"
            stroke="#666"
            stroke-width="2"
          >
            <path
              data-v-617269a8=""
              d="M31.426 23.095l2.678 5.742 2.943-1.372a3.173 3.173 0 0 0 1.537-4.212l-1.339-2.871-5.819 2.713z"
            ></path>
            <path
              data-v-617269a8=""
              d="M29.074 31.161c-1.224-.49-2.404-.32-3.49.185-6.383 2.977-13.938.286-16.875-6.01-2.936-6.297-.14-13.815 6.243-16.792 5.211-2.43 11.203-1.083 14.825 2.919l-12.263 5.718c-1.596.745-2.295 2.624-1.561 4.198.734 1.574 2.625 2.246 4.22 1.503l8.422-3.928 9.953-4.641a18.78 18.78 0 0 0-.941-2.453C33.202 2.416 21.869-1.62 12.294 2.844 2.718 7.309-1.474 18.586 2.93 28.03c4.404 9.445 15.737 13.482 25.313 9.017 1.069-.499 2.067-.879 3.438-1.744 0 0-1.382-3.651-2.607-4.142z"
            ></path>
          </g></svg
        >我的
      </div>
    </div>
  </div>
</template>
<style scoped>
* {
  margin: 0;
  padding: 0;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.4rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  z-index: 99999;
}
.xiao-footer {
  width: 20%;
  height: 100%;
  font-size: 0.26rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem;
  box-sizing: border-box;
}
.img {
  width: 0.4rem;
  height: 0.4rem;
}
.te {
  border: 1px solid #000;
  border-radius: 10px;
}
.te1 {
  border: 1px solid #000;
}
</style>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    /* 商品轮播页 */
    shop() {
      this.$router.push("/elmshop");
    },
    /* 搜索页 */
    search() {
      this.$router.push({
        path: "/elmsearch",
        query: { search: "31.171819,121.428883" },
      });
    },
    /* 我的页面 */
    myde() {
      this.$router.push({
        path: "/my-elm",
        // query: { search: "31.171819,121.428883" },
      });
    },
  },
};
</script>
